
<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <title>{$title}</title>
    <!--加载CSS-->
    {load href="/static/index/css/bootstrap.min.css"}
    {css href="/static/index/reset.css"}
    {css href="/static/index/css/toastr.min.css"}
                                <!---->
                                <!--电影院表-->
                                <!---->
</head>
<body>
{extend name="index/index" /}
{block name="main"}

<!--<div class="container">-->
    <!--<div class="col-md-12 bg-primary p20">-->
        <!--<h1>{$title}</h1>-->
        <!--<hr>-->
        <!--<a href="{:url('admin/index/shouye')}" class="btn btn-default">后台主页</a>-->
        <!--&lt;!&ndash;<a href="{:url('rest/user/create')}" class="btn btn-default">添加页</a>&ndash;&gt;-->
    <!--</div>-->
    <!--<div class="clearfix"></div>-->


    <div class="row mt50">
        <div class="col-md-12">
            <table class="table table-hover bg-info ">
                <tr >
                    <th>id</th>
                    <th>cinemaname</th>
                    <th>cinemaaddress</th>
                    <th>action</th>



                </tr>
                {volist name="list" id="v" mod="2" }
                {eq name="mod" value="0"}

                <tr>
                    <td>{$v['id']}</td>
                    <td>{$v['cinemaname']}</td>
                    <td>{$v['cinemaaddress']}</td>






                    <td class="col-md-1">
                        <!--<a href="{:url('rest/user/readpage', ['id'=>$v['id']])}" class="btn btn-default btn-xs">查看信息(页)</a>-->
                        <!--<button data-id="{$v['id']}" class="btn btn-default btn-xs show-btn" data-toggle="modal" data-target="#myModal">查看信息(框)</button>-->
                        <a href="" class="btn btn-primary btn-xs">状态</a>
                        <button data-id="{$v['id']}" class="btn btn-danger btn-xs del-btn">删除</button>
                    </td>
                </tr>
                {/eq}
                {/volist}
            </table>
        </div>

    </div>
</div>




<!--加载JS-->
{js href="/static/index/js/jquery.min.js"}
{js href="/static/index/js/bootstrap.min.js"}
{js href="/static/index/js/toastr.min.js"}


<script>
    $(function () {
        // 触发用户删除
        $('.del-btn').click(function () {
            var ac_id = $(this).attr('data-id');
            console.log('删除的ID为:', ac_id);

            if (confirm('您确定要 [ 删 除 ] 该用户么?')) {
                var obj = $(this).parents('tr');
                // console.log(obj);
                delAjax(ac_id, obj);// 执行删除操作
            }
        });

        // 触发查询单条用户
        $('.show-btn').click(function () {
            var ac_id = $(this).attr('data-id');
            console.log('查看单条数据,ID为:', ac_id);

            showAjax(ac_id); //AJAX查询
        })

    });


    // 设置弹框参数
    toastr.options = {
        closeButton: true,//是否显示关闭按钮
        progressBar: true,//实现显示计时条
        timeOut: "3000",//自动关闭时间
        positionClass: "toast-bottom-left",//提示位置
        // toast-top-full-width 顶端，宽度铺满整个屏幕
        // toast-top-right  顶端右边
    };

    // 执行AJAX 查询单条数据
    function showAjax(id){
        $.ajax({
            type: 'get',
            url: '/users/' + id,
            dateType: 'json',
            success:function (data){
                console.log(data);
                if (data.status) {
                    // 填充信息
                    $('.modal-title u').html(data.title);
                    var msg = data.datas.id+'/'+data.datas.name+'/'+data.datas.age+'/'+data.datas.sex+'/'+data.datas.province;
                    $('.modal-body h3').html(msg);

                } else {

                }
            },
            error: function () {
                // AJAX执行失败
                alert('ajax操作失败');
            }
        });
    }

    // 执行AJAX删除的操作
    function delAjax(id, obj) {
        // console.log(id);
        $.ajax({
            type: 'delete',
            url: '/users/' + id,
            dateType: 'json',
            success: function (data) {
                if (data.status) {
                    // console.log(data);
                    // console.log('删除成功');
                    toastr.success(data.info);
                    //  将指定条目 节点删除
                    obj.remove();
                } else {
                    //console.log('删除失败');
                    toastr.error(data.info,'FBI WARNING: ');
                }
            },
            error: function () {
                // AJAX执行失败
                alert('ajax操作失败');
            }
        });
    }
</script>
{/block}
</body>
</html>